@extends('home.layouts.application')

@section('content')
    <div class="page-list" data-log="商品列表">
        <!--
        <div class="header">
            <div class="left">
                <a class="home"><img src="http://s1.mi.com/m/images/m/icon_back_n.png" class="ib"></a>
            </div>
            <div class="tit"><h2 data-log="HEAD-标题-商品列表"><span class="title">商品列表</span></h2></div>

            <div class="right">
                <a href="/1/#/search/index">
                    <div class="icon icon-search"></div>
                </a>
            </div>
        </div>
        -->
        <ol class="version">
            @foreach($products as $p)
            <li>
                <a class="version-item" href="/product/{{$p->id}}">
                    <div class="version-item-img"><img
                            src="{{$p->thumb}}">
                    </div>
                    <div class="version-item-intro">
                        <div class="version-item-name"><p>{{$p->name}}</p></div>
                        <div class="version-item-intro-price"><span>{{$p->price}}起</span></div>
                    </div>
                </a>
            </li>
            @endforeach
        </ol>
        @include('home.layouts._footer')
        @endsection
        @section('js')
            <script src="/assets/mi/js/jquery.min.js"></script>
    @endsection
